var tablepomian8,tablepomian9
var localTokenData = layui.data('LocalData').access_token;
console.log(localTokenData)
$(document).ready(function () {
    var temp1 = 0;
    var ClicdId = [];
    var i = 0;
    // console.log("a")
    $(".left_guidance_Div").click(function (e) {

        var div_value = $('#Analyse_left_guidance').attr("value");
        ClicdId[temp1] = $(e.target).attr('id');
        // console.log(ClicdId);
        $('#Analyse_left_all_image').show();
        if (temp1 != 0) {
            temp1 = 0;
        } else {
            temp1 = 1;
        }
        if (i == 0) {
            $(".left_all_analyse").animate({
                left: '46px',
                width: '390px',
            });
            i = 1;

        } else {
            if (ClicdId[0] === ClicdId[1]) {
                // console.log("同一个");
                $(".left_all_analyse").animate({
                    width: '0px',
                    left: '0px',
                });
                huanyuan2();
                i = 0;
            } else {
                // console.log("不是同一个");
                $(".left_all_analyse").animate({
                    left: '46px',
                    width: '390px',
                });

            }
        }
    });
});
var a = [0, 0, 0];
//1
$(document).ready(function () {
    // var a=0;
    $('#Analyse_left_guidance_Div_1').click(function () {
        $("#dataselecr_id").hide()
        if (a[0] === 0) {
            $("#Analyse_Dysj").show();
            $("#Analyse_Sltc").hide();
            $("#Analyse_Bhjc").hide();
            $('#left_guidance_Div_2').css('color', 'rgb(205, 223, 233)');
            $('#left_guidance_Div_1').css('color', 'rgb(177, 187, 126)');
            $('#left_guidance_Div_3').css('color', 'rgb(205, 223, 233)');
            //$('#PostFile').addClass("layui-btn-disabled").attr("disabled", true);

            a[0] = 1;
            a[1] = 0;
            a[2] = 0
        } else {
            // console.log("a");
            a[0] = 0;
        }
        reset();
        reset_yunju()
    });
});
//1
$(document).ready(function () {
    // var a=0;
    $('#Analyse_left_guidance_Div_2').click(function () {
        $("#dataselecr_id").hide()
        if (a[1] === 0) {
            $("#Analyse_Dysj").hide();
            $("#Analyse_Sltc").show();
            $("#Analyse_Bhjc").hide();
            $('#left_guidance_Div_1').css('color', 'rgb(205, 223, 233)');
            $('#left_guidance_Div_2').css('color', 'rgb(177, 187, 126)');
            $('#left_guidance_Div_3').css('color', 'rgb(205, 223, 233)');
            a[1] = 1;
            a[0] = 0;
            a[2] = 0;
        } else {
            // console.log("a");
            a[1] = 0;
        }
        $('#PreFile_biaoduan').addClass("layui-btn-disabled").attr("disabled", true);

        reset();
        reset_yunju()
    });
});
$(document).ready(function () {
    // var a=0;
    // $('#Analyse_left_guidance_Div_3').click(function () {
    //     $('#dataselecr_id').hide()
    //     if (a[2] === 0) {
    //         $("#Analyse_Dysj").hide();
    //         $("#Analyse_Sltc").hide();
    //         $("#Analyse_Bhjc").show();
    //         $('#left_guidance_Div_1').css('color', 'rgb(205, 223, 233)');
    //         $('#left_guidance_Div_3').css('color', 'rgb(177, 187, 126)');
    //         $('#left_guidance_Div_2').css('color', 'rgb(205, 223, 233)');
    //         a[2] = 1;
    //         a[0] = 0;
    //         a[1] = 0;
    //     } else {
    //         a[2] = 0;
    //     }
    //     $('#PreFile_biaoduan').addClass("layui-btn-disabled").attr("disabled", true);
    //
    //     reset();
    //     reset_yunju()
    // });
});

function jisuan() {

    var preFileValue=$("#pre_file").val()
    var postFileValue=$("#post_file").val()

    if (preFileValue != ""){
        if (postFileValue != ""){
            if (cbllist.length!==0){

                var cbllistdata=[{"x":711304.640015,"y":4336107.61,"z": 33333.0},
                    {"x":711344.3200076,"y":4336213.179993,"z":0.0},
                    {"x":711300.839996,"y":4336259.41,"z":0.0},
                    {"x":711077.68,"y": 4336285.388,"z":0.0}]
                var requestData = {
                    beforelas: $('#pre_file').val(),
                    laterlas: $('#post_file').val(),
                    imgpath: $('#pre_file').val(),
                    otherProperty: JSON.stringify(cbllist)
                    // otherProperty: JSON.stringify(cbllistdata)
                };

                layui.use(['layer'], function(){
                    var layer = layui.layer;
                    var index = layer.load(1); // 显示加载层
                    $.ajax({
                        // url: 'http://127.0.0.1:8282/kuangqu/cbl/cbldata',
                        url: 'http://3510b38g11.zicp.fun:13894/kuangqu/cbl/cbldata',
                        type: 'POST',
                        headers: {
                            Authorization:localTokenData
                        },
                        contentType: "application/json",
                        data: JSON.stringify(requestData),
                        success: function(response) {
                            console.log("Success: "+response);
                            if (response==null){
                                alert('所选区域不在点云区域上')
                            }else {
                                // $("#caiboliang_id").text(response)
                                // $('#cblimg_id').attr('src', 'data/cbldata/'+$('#pre_file').val()+'/'+$('#pre_file').val()+'.png')
                                let imagedata='data/cbldata/'+$('#pre_file').val()+'/'+$('#pre_file').val()+'.png'
                                var content = `<div style="padding: 20px;max-width: 100%;max-height: 100%"><img src=${imagedata} style="max-width: 100%;"><p style="font-size: 20px;padding-top: 9px">采剥量(m3):${response}</p></div>`;
                                // 使用layer.open()函数创建弹出框
                                layer.open({
                                    type: 1,
                                    title: '采剥量',
                                    area: ['500px', '500px'],
                                    content: content,
                                    end: function() {
                                        layer.msg('加载完毕!');
                                    }
                                });
                            }
                            // layer.close(index); // 关闭加载层
                            // alert('加载失败，请稍后重试！');
                        },
                        error: function(xhr, status, error) {
                            console.error("Error: ", error);
                            alert('加载失败，请稍后重试！');
                        },
                        complete: function() {
                            layer.close(index); // 关闭加载层
                        }

                    });

                    // 假设你需要模拟长时间加载，可以使用setTimeout
                });





            }else {
                layer.msg("请先绘制区域！")
            }
        }else {
            layer.msg("请选择采剥后文件！")
        }

   }else {
       layer.msg("请选择采剥前文件！")
   }







    // // $("#details").show();
    // // $("#details_part").show();
    // var data1 = $("#pre_file").val();
    // var data2 = $("#post_file").val();
    // // console.log(data1, data2)
    // if (data1 != '' && data2 != '') {
    //     // var checked_all=$("#all").prop("checked")
    //     var checked_part=$("#part").prop("checked")
    //     var checked_custom=$("#custom").prop("checked")
    //     var  checked_all=false
    //     if (checked_all==true&&checked_part==false&&checked_custom==false){
    //         layui.use('layer', function () {
    //             var layer = layui.layer;
    //             layer.open({
    //                 type: 1,
    //                 title: '整体运算结果',
    //                 content: $('#details'),
    //                 area: '500px',
    //                 shade: 0.5, //不显示遮罩
    //                 offset: '300px',
    //                 moveOut: true,
    //                 end: function (res) {
    //                     $("#details").css("display", 'none')
    //                 }
    //             });
    //         });
    //     }else if (checked_all==false){
    //
    //         layui.use('layer', function () {
    //             var layer = layui.layer;
    //             layer.open({
    //                 type: 1,
    //                 title: '区域运算结果',
    //                 content: $('#details_part'),
    //                 area: '500px',
    //                 shade: 0.5, //不显示遮罩
    //                 offset: '300px',
    //                 moveOut: true,
    //                 end: function (res) {
    //                     $("#details").css("display", 'none')
    //                 }
    //             });
    //         });
    //     }
    //
    // } else {
    //     alert('需选择两个点云数据')
    // }
    return false
}

function jisuan_change() {
    // $("#details").show();
    var data1 = $("#layerdate").val();
    var data2 = $("#layerdate2").val();
    // console.log(data1, data2)
    if (data1 != '' && data2 != '') {
        layui.use('layer', function () {
            var layer = layui.layer;
            layer.open({
                type: 1,
                title: '采剥量结果',
                content: $('#details'),
                area: '500px',
                shade: 0.5, //不显示遮罩
                offset: '300px',
                moveOut: true,
                end: function (res) {
                    $("#details").css("display", 'none')
                }
            });
        });
    } else {
        alert('请选择开始和结束时间')
    }
    return false
}

let draw;

layui.use('form', function () {
    var form = layui.form;
    form.on('radio(cal)', function (data) {
        if (data.value == 'part') {
            $('#cal').addClass("layui-btn-disabled").attr("disabled", true);
            $("#part_detail").css("display", 'block');
            $("#Analyse_Dysj").css("height", '380px');
            $("#custom_detail").css("display", 'none');
            $("#select_Area").css("margin-top", '-370px');
        } else if (data.value == 'custom') {
            $('#cal').addClass("layui-btn-disabled").attr("disabled", true);
            $("#custom_detail").css("display", 'block');
            $("#Analyse_Dysj").css("height", '330px');
            $("#part_detail").css("display", 'none');
            $("#select_Area").css("margin-top", '-320px');
        } else {
            $('#cal').removeClass("layui-btn-disabled").attr("disabled", false);
            $("#part_detail").css("display", 'none')
            $("#custom_detail").css("display", 'none');
            $("#Analyse_Dysj").css("height", '300px');
            $("#select_Area").css("margin-top", '-283px');
            viewer.entities.removeAll()
            document.getElementById('selectArea').innerHTML = '绘制';
            document.getElementById('selectCustomArea').innerHTML = '绘制';
            $('#selectArea').removeClass("layui-btn-disabled").attr("disabled", false);
            $('#selectCustomArea').removeClass("layui-btn-disabled").attr("disabled", false);
        }
    });
});

layui.use('form', function () {
    var form = layui.form;
    form.on('radio(cal_yunju)', function (data) {
        if (data.value == 'part_yunju') {
            $('#cal_yunju').addClass("layui-btn-disabled").attr("disabled", true);
            $("#select_biaoduan").css("display", 'block');
            $("#Analyse_Sltc").css("height", '320px');
            $("#select_Area_yunju").css("margin-top", '-283px');
            $("#pre_file_biaoduan").val('');
            $("#poumiantu").css("display", 'block');
            $("#yunshujuli").css("display", 'none');
            $("#custom_yunju_detail").css("display", 'none');
            $("#select_Area_biaoduan").css("display", 'none');
            $("#select_Area_yunju").css("display", 'none');
            $('#dataselecr_id').hide()
        } else if (data.value == 'custom_yunju') {
            // $('#cal_yunju').addClass("layui-btn-disabled").attr("disabled", true);
            $("#select_biaoduan").css("display", 'none');
            $("#custom_yunju_detail").css("display", 'block');
            $("#Analyse_Sltc").css("height", '310px');
            $("#select_Area_yunju").css("margin-top", '-268px');
            $("#poumiantu").css("display", 'block');
            $("#yunshujuli").css("display", 'none');
            $("#select_Area_biaoduan").css("display", 'none');
            $("#select_Area_yunju").css("display", 'none');
            $('#dataselecr_id').hide()
        } else {
            getxlsx('D:/knowledge/project/python/pgsj/刘旺旺/属性表',0, function(data) {
                // 在回调函数中处理数据
                var jsonlist=[]
                data.forEach((item,index)=>{
                    if(index>0){
                        var jsonprocess={
                            "id": item[0],
                            "length":  item[1],
                            "height":  item[2]
                        }
                        jsonlist.push(jsonprocess)
                    }
                })

                tablepomian8=table.render({
                    elem: '#demo'
                    // ,url: './data/data.js' //数据接口
                    , page: true //开启分页
                    , data: jsonlist
                    , cols: [[ //表头
                        {field: 'id', title: '线号', width: 80, sort: true, fixed: 'left'}
                        , {field: 'length', title: '运输距离长度', width: 305}
                        , {field: 'height', title: '爬升高度', width: 270, sort: true}
                    ]]
                });
                // 可在这里进行后续操作
            });
            $('#cal_yunju').removeClass("layui-btn-disabled").attr("disabled", false);
            $("#select_biaoduan").css("display", 'none')
            $("#Analyse_Sltc").css("height", '286px');
            viewer.entities.removeAll()
            document.getElementById('selectArea').innerHTML = '绘制';
            document.getElementById('selectCustomArea').innerHTML = '绘制';
            $('#selectArea').removeClass("layui-btn-disabled").attr("disabled", false);
            $('#selectCustomArea').removeClass("layui-btn-disabled").attr("disabled", false);
            $("#select_Area_biaoduan").css("display", 'none');
            $("#select_Area_yunju").css("margin-top", '-230px');
            $("#poumiantu").css("display", 'none');
            $("#yunshujuli").css("display", 'block');
            $("#custom_yunju_detail").css("display", 'none');
            $("#select_Area_biaoduan").css("display", 'none');
            $("#select_Area_yunju").css("display", 'none');
            $('#dataselecr_id').hide()
        }
    });
});
layui.use(['laydate'], function () {
    layui.laydate.render({
        elem: '#layerdate', //指定元素
        trigger: 'click',
        type: 'date',
        showBottom: false,
        isInitValue: false
    });
    layui.laydate.render({
        elem: '#layerdate2', //指定元素
        trigger: 'click',
        type: 'date',
        showBottom: false,
        isInitValue: false
    });
    return false
})

function deleteArea() {
    viewer.entities.removeAll()
    document.getElementById('left_coor').innerHTML = '';
    document.getElementById('right_coor').innerHTML = '';
    document.getElementById('selectArea').innerHTML = '绘制';
    document.getElementById('selectCustomArea').innerHTML = '绘制';
    $('#selectArea').removeClass("layui-btn-disabled").attr("disabled", false);
    $('#selectCustomArea').removeClass("layui-btn-disabled").attr("disabled", false);
    $("#Analyse_Dysj").css("height", '380px');
    $('#cal').addClass("layui-btn-disabled").attr("disabled", true);
}

function deleteAreachange() {
    viewer.entities.removeAll()
    document.getElementById('left_coor_change').innerHTML = '';
    document.getElementById('right_coor_change').innerHTML = '';
    document.getElementById('selectArea').innerHTML = '绘制';
    document.getElementById('selectCustomArea').innerHTML = '绘制';
    document.getElementById('selectArea_change').innerHTML = '绘制';
    $('#selectArea').removeClass("layui-btn-disabled").attr("disabled", false);
    $('#selectCustomArea').removeClass("layui-btn-disabled").attr("disabled", false);
    $('#selectArea_change').removeClass("layui-btn-disabled").attr("disabled", false);
    $("#Analyse_Bhjc").css("height", '330px');
    $('#cal_change').addClass("layui-btn-disabled").attr("disabled", true);
}

function selectAreachange() {
    draw = new Draw(viewer, {borderColor: Cesium.Color.RED, material: Cesium.Color.BLUE.withAlpha(0.5)})  //viewer 初始化的cesium对象,自定义配置项，可以不用，就使用默认样式
    var coor = draw.drawRectangle2()//矩形区域
    return false
}

function deleteCustomArea() {
    viewer.entities.removeAll()
    cbllist=[]
    document.getElementById('left_coor').innerHTML = '';
    document.getElementById('right_coor').innerHTML = '';
    document.getElementById('selectArea').innerHTML = '绘制';
    document.getElementById('selectCustomArea').innerHTML = '绘制';
    $('#selectArea').removeClass("layui-btn-disabled").attr("disabled", false);
    $('#selectCustomArea').removeClass("layui-btn-disabled").attr("disabled", false);
    $("#Analyse_Dysj").css("height", '330px');
    $('#cal').addClass("layui-btn-disabled").attr("disabled", true);
}

function deleteCustomYunju() {
    viewer.entities.removeAll()
    tempPoints_cbl=[]
    document.getElementById('left_coor').innerHTML = '';
    document.getElementById('right_coor').innerHTML = '';
    document.getElementById('selectArea').innerHTML = '绘制';
    document.getElementById('selectCustomArea').innerHTML = '绘制';
    document.getElementById('selectCustomYunju').innerHTML = '绘制';
    $('#selectArea').removeClass("layui-btn-disabled").attr("disabled", false);
    $('#selectCustomArea').removeClass("layui-btn-disabled").attr("disabled", false);
    $('#selectCustomYunju').removeClass("layui-btn-disabled").attr("disabled", false);
    $("#Analyse_Dysj").css("height", '330px');
    $('#cal').addClass("layui-btn-disabled").attr("disabled", true);
    // $('#cal_yunju').addClass("layui-btn-disabled").attr("disabled", true);
}

function selectArea() {
    
         draw = new Draw(viewer, {borderColor: Cesium.Color.RED, material: Cesium.Color.BLUE.withAlpha(0.5)})  //viewer 初始化的cesium对象,自定义配置项，可以不用，就使用默认样式
         draw.drawRectangle()//矩形区域

}


function selectCustomArea() {
    //draw = new Draw(viewer, {borderColor: Cesium.Color.RED, material: Cesium.Color.BLUE.withAlpha(0.5)})  //viewer 初始化的cesium对象,自定义配置项，可以不用，就使用默认样式
    //var coor = draw.drawPlane()//矩形区域

    addmian_cbl()

    document.getElementById('selectCustomArea').innerHTML='已绘制';
    $('#selectCustomArea').addClass("layui-btn-disabled").attr("disabled", true);
    $('#cal').removeClass("layui-btn-disabled").attr("disabled", false);
}

function selectCustomYunju() {
    // draw = new Draw(viewer)  //viewer 初始化的cesium对象,自定义配置项，可以不用，就使用默认样式
    // var coor = draw.drawLine()//矩形区
    // $('#cal_yunju').addClass("layui-btn-disabled").attr("disabled", false);
    console.log("绘制线路")
    let cbl_data=addxian_yjps()
    console.log(cbl_data)
}

//添加确认按钮
function changestytle(){
    $('#select_data_caiboliang').show()
    $('#find_data_caiboliang').css('margin-left','18%')
}


var flag = 0;

function getPreFile() {
    // $("input[name=8y3dtiles]").each(function () {
    //     $(this).prop("disabled", false); //
    //     $(this).prop("checked", false); //checked, selected 或者 disabled 使用prop()
    // })
    //$("#select_Area").css("display", 'block');

        changestytle()



    flag = 0;
    $("#mytable_list").hide();
    if (adata==0){
        $("#catname").text('采剥前文件')
        $('#dataselecr_id').css('left','32.5%')
        $('#dataselecr_id').css('top','80px')
        $("#dataselecr_id").show();

        $('.iclass').removeClass('layui-icon-right').addClass('layui-icon-left');
        adata=1
    }else {
        $('#dataselecr_id').css('left','3.5%')
        $('#dataselecr_id').css('top','15px')
        $("#dataselecr_id").hide();
        adata=0
        $('.iclass').removeClass('layui-icon-left').addClass('layui-icon-right');
    }

}

function getPreFile_yunju() {

    changestytle()
    $("input[name=hekuang2]").each(function () {
        $(this).prop("disabled", false); //
        $(this).prop("checked", false); //checked, selected 或者 disabled 使用prop()
    })
    $("#select_Area_yunju").css("display", 'none');
    $("#select_Area_biaoduan").css("display", 'none');

    if (adata==0){
        $("#dataselecr_id").show();
        $('#mytable_list').hide()
        $('#catname').text('DWG文件')
        $('#dataselecr_id').css('left','32.5%')
        $('#dataselecr_id').css('top','80px')

        $('.iclassy').removeClass('layui-icon-right').addClass('layui-icon-left');
        adata=1
    }else {
        $('#dataselecr_id').css('left','3.5%')
        $('#dataselecr_id').css('top','15px')
        $("#dataselecr_id").hide();
        adata=0
        $('.iclassy').removeClass('layui-icon-left').addClass('layui-icon-right');
    }

    // $("#dataselecr_id").show();
    // $('#mytable_list').hide()
    // $('#catname').text('属性文件')
    // $('#dataselecr_id').css('left','24.8%')
    // $('#dataselecr_id').css('top','20px')

}

function getPreFile_biaoduan() {

    changestytle()
    $("input[name=biaoduan]").each(function () {
        $(this).prop("disabled", false); //
        $(this).prop("checked", false); //checked, selected 或者 disabled 使用prop()
    })
    $("#select_Area_biaoduan").css("display", 'none');
    $("#select_Area_yunju").css("display", 'none');
    if (adata==0){
        $("#dataselecr_id").show();
        $('#mytable_list').hide()
        $('#catname').text('车辆轨迹数据')
        $('#dataselecr_id').css('left','24.8%')
        $('#dataselecr_id').css('top','20px')
        $('.iclassp').removeClass('layui-icon-right').addClass('layui-icon-left');
        adata=1
    }else {
        $('#dataselecr_id').css('left','3.5%')
        $('#dataselecr_id').css('top','15px')
        $("#dataselecr_id").hide();
        adata=0
        $('.iclassp').removeClass('layui-icon-left').addClass('layui-icon-right');
    }

    // $("#dataselecr_id").show();
    // $('#mytable_list').hide()
    // $('#catname').text('剖面图数据')
    // $('#dataselecr_id').css('left','24.8%')
    // $('#dataselecr_id').css('top','20px')
}

function getPostFile() {
    // $("#select_Area").css("display", 'block');
    // $("input[name=8y3dtiles]").each(function () {
    //     if (this.checked == true) {
    //         $(this).prop("disabled", true); //checked, selected 或者 disabled 使用prop()
    //         $(this).prop("checked", false); //checked, selected 或者 disabled 使用prop()
    //     }
    // })
    changestytle()


    flag = 1;
    $("#mytable_list").hide();
    if (adata==0){
        $("#catname").text('采剥后文件')
        $('#dataselecr_id').css('left','32.5%')
        $('#dataselecr_id').css('top','80px')
        $("#dataselecr_id").show();
        $('.iiclass').removeClass('layui-icon-right').addClass('layui-icon-left');
        adata=1
    }else {
        $('#dataselecr_id').css('left','3.5%')
        $('#dataselecr_id').css('top','15px')
        $("#dataselecr_id").hide();
        $('.iiclass').removeClass('layui-icon-left').addClass('layui-icon-right');
        adata=0
    }

}

function preFile() {
    var data1 = $("#Analyse_scales").prop("checked")
    var data2 = $("#Analyse_scales2").prop("checked")
    var data3 = $('input[name=8y3dtiles]:checked').val();
    if (flag == 0) {
        $("#pre_file").val(data3);
        $('#PostFile').removeClass("layui-btn-disabled").attr("disabled", false);
    } else {
        $("#post_file").val(data3);
    }

    $("#select_Area").css("display", 'none');
}

function preFile_yunju() {
    $("#details_part").hide()
    var flag = 0;
    $("input[name=hekuang2]").each(function () {
        if (this.checked == true) {
            $("#pre_file_yunju").val(this.value);
            flag = 1;
        }
    })
    if (!flag) {
        $("#pre_file_yunju").val('');
    }
    $("#select_Area_yunju").css("display", 'none');
    $('#PreFile_biaoduan').removeClass("layui-btn-disabled").attr("disabled", false);
}

function preFile_biaoduan() {
    var flag = 0;
    $("input[name=biaoduan]").each(function () {
        if (this.checked == true) {
            var biaoduan = $("#" + this.id).parents('li')[0].children[0].innerText
            $("#pre_file_biaoduan").val(biaoduan + '  ' + this.value);
            flag = 1;
        }
    })
    if (!flag) {
        $("#pre_file_biaoduan").val('');
    }
    $("#select_Area_biaoduan").css("display", 'none');
    $('#cal_yunju').removeClass("layui-btn-disabled").attr("disabled", false);

}

function reset() {
    $("input[name=8y3dtiles]").each(function () {
        $(this).prop("disabled", false); //checked, selected 或者 disabled 使用prop()
        $(this).prop("checked", false); //checked, selected 或者 disabled 使用prop()
    })
    $("#pre_file").val('');
    $("#post_file").val('');
    $("#select_Area").css("display", 'none');
    //$('#PostFile').addClass("layui-btn-disabled").attr("disabled", true);
}

function reset_yunju() {
    $("input[name=hekuang2]").each(function () {
        $(this).prop("disabled", false); //checked, selected 或者 disabled 使用prop()
        $(this).prop("checked", false); //checked, selected 或者 disabled 使用prop()
    })
    $("input[name=radio]").each(function () {
        $(this).prop("disabled", false); //checked, selected 或者 disabled 使用prop()
        $(this).prop("checked", false); //checked, selected 或者 disabled 使用prop()
    })
    $("#pre_file_yunju").val('');
    $("#pre_file_biaoduan").val('');
    $("#select_Area_yunju").css("display", 'none');
    $("#select_Area_biaoduan").css("display", 'none');
    $('#PreFile_biaoduan').addClass("layui-btn-disabled").attr("disabled", true);
}

layui.use('table', function () {
    var table = layui.table;
    //第一个实例
    tablepomian8=table.render({
        elem: '#demo'
        // ,url: './data/data.js' //数据接口
        , page: true //开启分页
        , data: dataJson
        , cols: [[ //表头
            {field: 'id', title: '线号', width: 80, sort: true, fixed: 'left'}
            , {field: 'length', title: '运输距离长度', width: 305}
            , {field: 'height', title: '爬升高度', width: 270, sort: true}
        ]]
    });
    // 更新表格数据
    tablepomian9=table.render({
        elem: '#demo'
        // ,url: './data/data.js' //数据接口
        , page: true //开启分页
        , data: dataJson
        , cols: [[ //表头
            {field: 'id', title: '线号', width: 80, sort: true, fixed: 'left'}
            , {field: 'length', title: '运输距离长度', width: 305}
            , {field: 'height', title: '爬升高度', width: 270, sort: true}
        ]]
    });
    // 更新表格数据
});

layui.use('table', function () {
    var table = layui.table;
    // 更新表格数据
    tablepomian9=table.render({
        elem: '#demo'
        // ,url: './data/data.js' //数据接口
        , page: true //开启分页
        , data: dataJson
        , cols: [[ //表头
            {field: 'id', title: '线号', width: 80, sort: true, fixed: 'left'}
            , {field: 'length', title: '运输距离长度', width: 305}
            , {field: 'height', title: '爬升高度', width: 270, sort: true}
        ]]
    });
    // 更新表格数据
});


function delay(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

function out_excel() {
    window.open('http://3510b38g11.zicp.fun:13894/gl/1.xlsx', '_blank');
}

function yunju() {

    // $("#details").show();
    var data1 = $("#Analyse_Isltc1").prop("checked")
    var data2 = $("#Analyse_Isltc2").prop("checked")
    var data3 = $("#Analyse_Isltc3").prop("checked")
    var i = 0;
    if (data1)
        i++
    if (data2)
        i++
    if (data3)
        i++


        if ($('#all_yunju').prop('checked')){
           if ($('#pre_file_yunju').val()!=''){
               // 页面加载完成后，显示加载转圈
               layui.use(['layer'], function(){
                   var layer = layui.layer;
                   var index = layer.load(1); // 显示加载层
                   $.ajax({
                       //url: 'http://127.0.0.1:9090/pmfx/saveimg',
                       url: 'http://3510b38g11.zicp.fun:13894/kuangqu/pmfx/saveimg',
                       type: 'POST',
                       headers: {
                           Authorization:localTokenData
                       },
                       data: {cmd: $('#pre_file_yunju').val()}, // 发送的数据
                       success: function(response) {
                           console.log('Success:', response);
                           // var lonlat=[ {'lon':119.147664902,'lat': 45.958080409,'hight':856.4017},
                           //     {'lon':119.147866519,'lat': 45.958290105,'hight':857.1718},
                           //     {'lon':119.148287142,'lat': 45.958247352,'hight':881.5754},
                           //     {'lon':119.148229603,'lat': 45.958239041,'hight':880.0474},
                           //     {'lon':119.148229600,'lat': 45.958245979,'hight':881.4767},
                           //     {'lon':119.148361123,'lat': 45.958368553,'hight':855.9160},
                           //     {'lon':119.148261723,'lat': 45.958228680,'hight':877.5642},
                           //     {'lon':119.148826683,'lat': 45.958364481,'hight':904.1675},
                           //     {'lon':119.148824137,'lat': 45.958181037,'hight':856.4017},
                           //     {'lon':119.148746643,'lat': 45.958168364,'hight':865.3327},
                           //     {'lon':119.148635455,'lat': 45.958180190,'hight':862.7370},
                           //     {'lon':119.148504710,'lat': 45.958203353,'hight':865.25127},
                           //     {'lon':119.148491305,'lat': 45.958191545,'hight':870.0325},
                           //     {'lon':119.148556587,'lat': 45.958173859,'hight':867.0418},
                           //     {'lon':119.148487778,'lat': 45.958174764,'hight':862.0838},
                           //     {'lon':119.148463877,'lat': 45.958167514,'hight':862.0964},
                           //     {'lon':119.148635800,'lat': 45.958289925,'hight':854.8457},
                           //     {'lon':119.148405860,'lat': 45.958166034,'hight':860.2921},]

                           // 加载线号
                           if (response!==0){
                               for( var ii=0;ii<=response;ii++){
                                   var data_process=
                                       { 'category':'车辆轨迹数据','id':'一号矿区','username':'矿区全局','name':` ${ii}号运输线路`,'lon':'lonlat[ii].lon','lat':'lonlat[ii].lat','hight':'lonlat[ii].hight+40'}
                                   qydatalist_table.push(data_process)

                               }
                               // 页面加载完成后，显示加载转
                                   if ($('#pre_file_biaoduan').val()!=''){
                                       var xlname=$('#pre_file_biaoduan').val().trim() //线路路径名称
                                       $('#xlpmt').text(`${xlname}路径剖面图`);
                                       $('#mypmImage').attr('src', "data/datar/"+$('#pre_file_yunju').val()+'/'+xlname+"路径剖面图.png");//+$('#pre_file_yunju').val()+"/"
                                       getxlsx("data/datar/"+$('#pre_file_yunju').val()+'/'+xlname+'属性.xlsx',0, function(data) {
                                           // 在回调函数中处理数据
                                           var jsonlist=[]
                                           data.forEach((item,index)=>{
                                               if(index>0){
                                                   var jsonprocess={
                                                       "id": item[0],
                                                       "length":  item[1],
                                                       "height":  item[2]
                                                   }
                                                   jsonlist.push(jsonprocess)
                                               }
                                           })
                                           tablepomian8=table.render({
                                               elem: '#demo'
                                               // ,url: './data/data.js' //数据接口
                                               , page: true //开启分页
                                               , data: jsonlist
                                               , cols: [[ //表头
                                                   {field: 'id', title: '线号', width: 80, sort: true, fixed: 'left'}
                                                   , {field: 'length', title: '运输距离长度', width: 305}
                                                   , {field: 'height', title: '爬升高度', width: 270, sort: true}
                                               ]]
                                           });
                                           // 可在这里进行后续操作
                                       });

                                   }else {
                                       getxlsx("data/datar/"+$('#pre_file_yunju').val()+'/属性表.xlsx',1, function(data) {
                                           // 在回调函数中处理数据
                                           var yunjulength=0;
                                           var pagaoheight=0

                                           data.forEach((item,index)=>{
                                               if(index>0){
                                                   if (index<=data.length-1){
                                                       yunjulength+=item[1];
                                                       pagaoheight+=item[2];
                                                       console.log(444444)
                                                   }

                                               }
                                           })

                                           $('#numjl').text(' 总运输距离：'+yunjulength) ;
                                           $('#numgd').text('总爬升高度：'+pagaoheight) ;
                                       });

                                       getxlsx("data/datar/"+$('#pre_file_yunju').val()+'/属性表.xlsx',0, function(data) {
                                           // 在回调函数中处理数据

                                       })
                                       var jsonlist=[]
                                       qydatalist_table.forEach((item,index)=>{
                                           if(item.category=='车辆轨迹数据'){
                                               var jsonprocess={
                                                   "id": item.name,
                                                   // "length":  item[1],
                                                   // "height":  item[2]
                                               }
                                               jsonlist.push(jsonprocess)
                                           }
                                           tablepomian8=table.render({
                                               elem: '#demo'
                                               // ,url: './data/data.js' //数据接口
                                               , page: true //开启分页
                                               , data: jsonlist
                                               , cols: [[ //表头
                                                   {field: 'id', title: '线号', width: 300, sort: true, fixed: 'left'}
                                                   // , {field: 'length', title: '运输距离长度', width: 305}
                                                   // , {field: 'height', title: '爬升高度', width: 270, sort: true}
                                                   ,{title: '操作', toolbar: '#yjpg-id', fixed: 'center', width: 270}
                                               ]]
                                               ,done: function(res, curr, count){
                                                   table.on('tool(test)', function(obj){
                                                       var data = obj.data;
                                                       var xlname=data.id //线路路径名称
                                                       var xlnameTrimmed = xlname.trim();
                                                       $('#xlpmt').text(`${xlname}路径剖面图`);
                                                       //$('#mypmImage').attr('src', "data/datar/2022-07-01-贺矿DWG/ 0号运输线路路径剖面图.png");//+$('#pre_file_yunju').val()+"/"
                                                       $('#mypmImage').attr('src', "data/datar/"+$('#pre_file_yunju').val()+'/'+xlnameTrimmed+"路径剖面图.png");//+$('#pre_file_yunju').val()+"/"
                                                       $("#xlpmt").css("display", 'block');
                                                       $("#mypmImage").css("display", 'block');
                                                       $("#poumiantu").css("display", 'block');
                                                       $("#yunshujuli").css("display", 'none');
                                                       $("#returnpm").css("display", 'block');
                                                       console.log(data.id+"data/datar/"+$('#pre_file_yunju').val()+'/'+xlnameTrimmed+"路径剖面图.png")
                                                       getxlsx("data/datar/"+$('#pre_file_yunju').val()+'/'+xlnameTrimmed+'属性.xlsx',0, function(data) {
                                                           // 在回调函数中处理数据
                                                           var jsonlist=[]
                                                           data.forEach((item,index)=>{
                                                               if(index>0){
                                                                   var jsonprocess={
                                                                       "id": item[0],
                                                                       "length":  item[1],
                                                                       "height":  item[2]
                                                                   }
                                                                   jsonlist.push(jsonprocess)
                                                               }
                                                           })
                                                           tablepomian9=table.render({
                                                               elem: '#demo'
                                                               // ,url: './data/data.js' //数据接口
                                                               , page: true //开启分页
                                                               , data: jsonlist
                                                               , cols: [[ //表头
                                                                   {field: 'id', title: '线号', width: 80, sort: true, fixed: 'left'}
                                                                   , {field: 'length', title: '运输距离长度', width: 305}
                                                                   , {field: 'height', title: '爬升高度', width: 270, sort: true}
                                                               ]]
                                                           });
                                                       });

                                                       $("#returnpm").click(function (){
                                                           $("#returnpm").css("display", 'none');
                                                           // $("#xlpmt").css("display", 'none');
                                                           // $("#mypmImage").css("display", 'none');
                                                           //
                                                           // $("#numjl").css("display", 'block');
                                                           // $("#numgd").css("display", 'block');
                                                           $("#poumiantu").css("display", 'none');
                                                           $("#yunshujuli").css("display", 'block');
                                                           tablepomian8=table.render({
                                                               elem: '#demo'
                                                               // ,url: './data/data.js' //数据接口
                                                               , page: true //开启分页
                                                               , data: jsonlist
                                                               , cols: [[ //表头
                                                                   {field: 'id', title: '线号', width: 300, sort: true, fixed: 'left'}
                                                                   // , {field: 'length', title: '运输距离长度', width: 305}
                                                                   // , {field: 'height', title: '爬升高度', width: 270, sort: true}
                                                                   , {title: '操作', toolbar: '#yjpg-id', fixed: 'center', width: 270}
                                                               ]]

                                                           })
                                                       })
                                                   });
                                               }
                                           });
                                           // 可在这里进行后续操作
                                       });
                                   }

                                   layui.use('layer', function () {
                                       var layer = layui.layer;
                                       layer.open({
                                           type: 1,
                                           title: '结果详情',
                                           content: $('#details_yunju'),
                                           area: [, '800px'],
                                           shade: 0.5, //不显示遮罩
                                           // offset: '300px',
                                           moveOut: true,
                                           end: function (res) {
                                               $("#details_yunju").css("display", 'none')
                                               layer.msg('加载完毕!');
                                           }
                                       });
                                       layer.photos({
                                           photos: '#layer-photos-demo'
                                           // ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                                       });
                                   });
                              // 5000毫秒 = 5秒

                           }else {
                               layer.msg('加载失败请重新计算!');
                           }

                       },
                       error: function(xhr, status, error) {
                           console.error('Error:', error);
                       },
                       complete: function() {
                           layer.close(index); // 关闭加载层
                       }
                   });

               });


           }else {
               alert('需选择一个矢量数据')
               return false;
           }
        }
        else if ($('#custom_yunju').prop('checked')){
            if (tempPoints_cbl.length!==0){
                layui.use(['layer'], function(){
                    var layer = layui.layer;
                    var index = layer.load(1); // 显示加载层
                    var requestData = {
                        otherProperty: JSON.stringify(tempPoints_cbl)
                        // otherProperty: JSON.stringify(testddd)
                    };
                    $.ajax({
                        // url: 'http://127.0.0.1:8282/kuangqu/yunju/yunjudata',
                        url: 'http://3510b38g11.zicp.fun:13894/kuangqu/yunju/yunjudata',
                        type: 'POST',
                        headers: {
                            Authorization:localTokenData
                        },
                        contentType: "application/json",
                        data: JSON.stringify(requestData),
                        success: function( response) {

                            let responsedata=response.split(":")
                            console.log(responsedata);
                            if (response==null){
                                alert('计算错误请重新计算')
                            }else {
                                var content = `<div style="padding: 20px;max-width: 100%;max-height: 100%"><img src="data/yunjudata/运输线路路径剖面图.png" style="max-width: 100%;"><p style="font-size: 20px;padding-top: 9px">运输距离(km):${responsedata[0]}</p><p style="font-size: 20px;padding-top: 5px">爬升高度(m):${responsedata[1]}</p></div>`;
                                // 使用layer.open()函数创建弹出框
                                layer.open({
                                    type: 1,
                                    title: '自定义轨迹计算',
                                    area: ['500px', '500px'],
                                    content: content,
                                    end: function() {
                                        layer.msg('加载完毕!');
                                    }
                                });
                            } // $("#caiboliang_id").text(response)
                            // $('#cblimg_id').attr('src', 'data/yunjudata/运输线路路径剖面图.png')

                        },
                        error: function(xhr, status, error) {
                            console.error("Error: ", error);
                        },
                        complete: function() {
                            layer.close(index); // 关闭加载层
                        }
                    });
                });

            }else {
                layer.msg('请先绘制路线!');
            }




        }



}

function huanyuan2() {
    $("#Analyse_Dysj").hide(2);
    $("#Analyse_Sltc").hide(2);
    $("#Analyse_Bhjc").hide(2);
    $('#Analyse_left_guidance_Div_1').css('color', 'rgb(205, 223, 233)');
    $('#Analyse_left_guidance_Div_2').css('color', 'rgb(205, 223, 233)');
    $('#Analyse_left_all_image').hide();
}

function Analyse_quyuxuanze(e) {
    var k = document.getElementById(clickDivId).getAttribute("name")//获取导航栏div索引
    var select_v = $(e).attr("value")//获取点击select的值
    var All_Div = document.getElementsByClassName("left_all_div");//获取classname为left_all_div的全部div
    for (i = 0; i < 8; i++) {
        if (All_Div[i].getAttribute("name").search(select_v) != -1) {
            $(All_Div[k]).show();
        } else {
            $(All_Div[k]).hide()
        }
    }
}

$(document).ready(function () {
//颜色选择器
    layui.use('colorpicker', function () {
        var colorpicker = layui.colorpicker;
        //渲染
        var a = colorpicker.render({
            elem: '#Analyse_Sltc_select1',  //绑定元素
            format: 'rgb',
            alpha: true,
            done: function (color) {
                console.log(a.config.elem);
                change_color(color, a.config.elem);
                //譬如你可以在回调中把得到的 color 赋值给表单
            }

        });
        var b = colorpicker.render({
            elem: '#Analyse_Sltc_select2',  //绑定元素
            //format: 'rgb',
            //alpha: true,
            done: function (color) {
                console.log(color);
                console.log(b);
                change_color(color, b.config.elem);
                //譬如你可以在回调中把得到的 color 赋值给表单
            }

        });
        var c = colorpicker.render({
            elem: '#Analyse_Sltc_select3',  //绑定元素
            //format: 'rgb',
            //alpha: true,
            done: function (color) {
                console.log(color);
                console.log(c);
                change_color(color, c.config.elem);
                //譬如你可以在回调中把得到的 color 赋值给表单
            }

        });
        var d = colorpicker.render({
            elem: '#Analyse_Dy_selest1',  //绑定元素
            //format: 'rgb',
            //alpha: true,
            done: function (color) {
                console.log(color);
                console.log(c);
                change_color(color, d.config.elem);
                //譬如你可以在回调中把得到的 color 赋值给表单
            }

        });

        var e = colorpicker.render({
            elem: '#Analyse_Dy_selest2',  //绑定元素
            //format: 'rgb',
            //alpha: true,
            done: function (color) {
                console.log(color);
                console.log(c);
                change_color(color, e.config.elem);
                //譬如你可以在回调中把得到的 color 赋值给表单
            }

        });
        //
    });
})




